import React, { Component } from 'react';
import './index.css'
import { NavLink } from 'react-router-dom';

class Nav extends Component {
    render() {
        return (
            <div className='box' style={{  width: '100%',  }}>
                <NavLink to="/class">
                    <i className="iconfont iconleimupinleifenleileibie2" style={{backgroundColor:'#2d8cf0'}}></i>
                    <span className="title">分类</span>
                </NavLink>
                <NavLink to="/list">
                    <i className="iconfont iconbangdan" style={{backgroundColor:'#fb6088'}}></i>
                    <span className="title">榜单</span>
                </NavLink>
                <NavLink to="/package">
                    <i className="iconfont icongerenzhongxin_baoyuexubao" style={{backgroundColor:'#f86668'}}></i>
                    <span className="title">包月</span>
                </NavLink>
                <NavLink to="/free">
                    <i className="iconfont iconmianfei" style={{backgroundColor:'#ffa030'}}></i>
                    <span className="title">免费</span>
                </NavLink>
                <NavLink to="/client">
                    <i className="iconfont iconkehuduan" style={{backgroundColor:'#2ccdc0'}}></i>
                    <span className="title">客户端</span>
                </NavLink>
            </div>
        );
    }
}
export default Nav
